<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>腾悦科技公司</title>
    <link rel="stylesheet" href="./css/bootstrap.css" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/contact .css" />
      <link rel="stylesheet" href="./font/iconfont.css" />
        <link
      rel="stylesheet"
      href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css"
    />
    <script src="./js/jquery.js"></script>
    <script src="./js/bootstrap.js"></script>
</head>
<body>
       <!--头部-->
    <div class="nav clearfix">
      <div class="container">
        <div class="nav_top">
          <div class="nav_left animate__animated animate__bounceInLeft" style="margin-top: 19px">
            <img src="./img/tengyue.png" alt="" width="80" />
          </div>
          <div class="nav_middle" style="margin-top: 19px">
            <p>一站式 <i style="color: red">App软件开发</i> 服务</p>
            <p>9年经验|快速上线|价格透明|如期交付</p>
          </div>
          <div class="nav_right " style="margin-top: 19px">
            <img src="./img/dianhua.png" alt="" width="" />
            <div>
              <p>免费咨询热线:</p>
              <p style="color: red">18372690721</p>
            </div>
          </div>
        </div>
        <div class="nav_center"></div>
        <div class="nav_bottom">
          <ul class="list-inline">
            <li class="col-md-1"><a href="./index.html">首页</a></li>
            <li class="col-md-1"><a href="./App.html">App开发</a></li>
            <li class="col-md-1"><a href="./software.html">软件开发</a></li>
            <li class="col-md-1"><a href="./Applet.html">小程序开发</a></li>
            <li class="col-md-1"><a href="./system.html">商城系统</a></li>
            <li class="col-md-1"><a href="./About.html">关于开发</a></li>
            <li class="col-md-1"><a href="./News.html">新闻资讯</a></li>
            <li class="col-md-1"><a href="./contact .html">联系我们</a></li>
          </ul>
        </div>
      </div>
    </div>

    
      <!--右侧导航-->
    <div class="navbar">
      <ul>
        <li>
          <i class="iconfont icon-dianhua"></i>
          <div class="one">
            <i class="iconfont icon-dianhua"></i>
            <p>全国热线</p>
          </div>

          <div class="one-show">
            <p>全国热线</p>
            <p>18372690721</p>
          </div>
        </li>
        <li>
          <i class="iconfont icon-goutong"></i>
          <div class="two">
            <i class="iconfont icon-goutong"></i>
            <p>微信沟通</p>
          </div>
          <div class="two-show">
            <img
              src="./img/微信二维码.png"
              alt=""
              width="50"
              style="margin-left: 30px; margin-top: 20px"
            />
            <p>微信沟通</p>
          </div>
        </li>
        <li>
          <i class="iconfont icon-QQlianxiqie"></i>
          <div class="three">
            <i class="iconfont icon-QQlianxiqie"></i>
            <p>QQ沟通</p>
          </div>

          <div class="three-show">
            <p>QQ沟通</p>
            <p>94274352</p>
          </div>
        </li>
        <li>
          <i class="iconfont icon-liuyanban-05"></i>
          <div class="four">
            <i class="iconfont icon-dianhua"></i>
            <p>提交留言</p>
          </div>

          <div class="four-show">
            <p>提交留言</p>
          </div>
        </li>
      </ul>
    </div>
    <!--返回顶部按钮-->
    <div class="nav-btn">
        <i class="iconfont icon-xiangshangjiantou"></i>
    </div>





       <!-- 轮播图 -->
    <div class="banner clearfix">
      <div
        id="carousel-example-generic"
        class="carousel slide"
        data-ride="carousel"
      >
        <!-- Indicators -->
        <ol class="carousel-indicators">
          <li
            data-target="#carousel-example-generic"
            data-slide-to="0"
            class="active"
          ></li>
          <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="./img/banner-1.webp" alt="..." />
            <!-- <div class="carousel-caption">...</div> -->
          </div>
          <div class="item">
            <img src="./img/banner2.png" alt="..." />
            <!-- <div class="carousel-caption">...</div> -->
          </div>
        </div>
      </div>
    </div>

    <!---联系我们区域-->
    <div class="contactus clearfix">
      <div class="container">
          <div class="contactus-top">
            <h2>联系我们</h2>
            <p>CONTACT US</p>
          </div>
           <div class="contactus-center">
             <div class="left"></div>
             <div class="right">
                <h3>湖北省十堰市腾悦科技有限公司</h3>
                <p>热线：18372690721</p>
                <p>电话：18372690721</p>
                <p>手机：18372690721</p>
                <p>QQ： 94274352</p>
                <p>邮箱：94274352@qq.com</p>
                <p>地址：湖北省十堰市万达B座</p>
             </div>
           </div>
      </div>
    </div>



    
   <!--项目需求区域-->
    <div class="demand clearfix">
      <div class="container">
        <div class="demand-top">
          <h1>填写您的项目需求给我们。</h1>
        </div>
        <div class="demand-center">
          <form class="form-inline">
            <div class="form-group" style="margin-left: 0">
              <input
                type="text"
                class="form-control"
                id="exampleInputName2"
                placeholder="呼叫名称"
              />
            </div>
            <div class="form-group">
              <input
                type="email"
                class="form-control"
                id="exampleInputEmail2"
                placeholder="联系电话"
              />
            </div>
            <div class="form-group">
              <input
                type="email"
                class="form-control"
                id="exampleInputEmail2"
                placeholder="请你在这里描述你的需求!"
              />
            </div>
            <button type="submit" class="btn btn-default">提交项目需求</button>
          </form>
        </div>
        <div class="demand-bottom">
          <p>*请认真填写需求信息，我们会在24小时内与您取得联系。</p>
          <p>
            *感谢您的信任，我们将尽快与您取得联系。您还可以直接来电咨询：<i
              style="color: red; font-weight: 700; font-size: 28px"
              >18372690721</i
            >
          </p>
        </div>
      </div>
    </div>


      <!--底部区域-->
     <div class="footer clearfix">
        <div class="container">
           <div class="footer-left">
            <div class="footer-left-top">
              <p>栏目导航 :</p>
               <ul> 
                 <li><a href="./index.html">首页</a></li>
              <li><a href="./App.html">App开发</a></li>
              <li><a href="./software.html">软件开发</a></li>
              <li><a href="./Applet.html">小程序开发</a></li>
              <li><a href="./system.html">商城系统</a></li>
              <li><a href="./About.html">关于开发</a></li>
              <li><a href="./News.html">新闻资讯</a></li>
              <li><a href="./contact .html">联系我们</a></li>
               </ul>
            </div>
             
            <div class="footer-left-bottom">
              <p>全国热线：18372690721     移动手机：18372690721  联系邮箱：94274352@qq.com</p>
              <p>公司地址：湖北省十堰市万达广场B座</p>
              <p>主营业务：APP开发、软件定制开发、商城系统搭建、小程序制作。微信扫一扫，获取更多详情</p>
              <p>Copyright©2022 十堰市腾悦科技有限公司 版权所有</p>
              <p>手机版 | 冀ICP备20241985号-1</p>
            </div>
           </div>
            <div class="footer-right">
              <img src="./img/微信二维码.png" alt="" width="180">
              <p>微信扫一扫,获取更多详情</p>
            </div>
        </div>
     </div>
    <script src="./js/contact .js"></script>
</body>
</html>